<template>
  <view>
    <app-nav-bar shadow left-text="首页" color="#007aff" />
    <image
      class="w-full"
      src="https://files.axshare.com/gsc/XGMP0L/51/48/0d/51480d18656c4b429606398987a98e9e/images/首页示例/u8.png?pageId=96b468a4-b6c1-49b2-a899-09472dc46f85"
    />
    <uni-section title="看板1" type="line">
      <template #right>
        <view class="">
          <text> 更多 </text>
          <uni-icons type="right" size="20" />
        </view>
      </template>
      <uni-grid :column="3" :highlight="true" @change="change">
        <uni-grid-item v-for="(item, index) in 12" :key="index" :index="index" class="flex">
          <view
            class="flex flex-col flex-1 justify-center items-center"
            style="background-color: #fff"
          >
            <uni-icons type="image" :size="30" color="#777" />
            <text class="text">文本信息</text>
          </view>
        </uni-grid-item>
      </uni-grid>
    </uni-section>
    <uni-section title="供需协同" type="line">
      <template #right>
        <view class="">
          <text> 更多 </text>
          <uni-icons type="right" size="20" />
        </view>
      </template>
      <uni-grid :column="3" :highlight="true" @change="change">
        <uni-grid-item v-for="(item, index) in 12" :key="index" :index="index">
          <view class="grid-item-box" style="background-color: #fff">
            <uni-icons type="image" :size="30" color="#777" />
            <text class="text">文本信息</text>
          </view>
        </uni-grid-item>
      </uni-grid>
    </uni-section>
  </view>
</template>

<script>
export default {
  components: {},
  data() {
    return {
      title: 'Hello',
      showActionSheet: false,
      itemList: [
        {
          text: '评论',
          color: '#2B2B2B'
        },
        {
          text: '分享',
          color: '#2B2B2B'
        }
      ]
    }
  },
  onLoad() {},
  methods: {}
}
</script>

<style>
.content {
  padding: 0 10rpx;
}
</style>
